<template>
  <div id="DataMaintenance-setting">
    <div class="DataMaintenance-setting">
      <div class="flex-all pt10 pb10 pl12 pr12 bg-white height50">
        <div class="ct-head-left flex-al">
          <span class="left-line-orange mr10"></span>
          <span class="color-333 fs14">{{$t('Set.classAffairsSet.classAffairsSet.50zfi729rzo0')}}</span>
        </div>
        <!-- <div class="cr-head-right">
          <el-button type="primary" size="mini">{{$t('Set.classAffairsSet.classAffairsSet.50zfi729tbs0')}}</el-button>
        </div>-->
      </div>
      <div class="body mt12">
        <div class="body-left ml12 mr12">
          <div class="title">
            <h3 class="h1">{{$t('Set.classAffairsSet.classAffairsSet.50zfi729to00')}}</h3>
          </div>
          <el-menu default-active="1" background-color="#ffffff" text-color="#2A304D">
            <el-menu-item
              v-for="(item, index) in innerSlider"
              :key="index"
              :index="String(index + 1)"
            >
              <router-link :to="{'path': item.url}" tag="div">{{ item.title }}</router-link>
            </el-menu-item>
          </el-menu>
        </div>
        <div class="body-right mr12">
          <router-view></router-view>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openMenu: ["5"],
      fileList2: [
        {
          name: "food.jpeg",
          url:
            "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100"
        }
      ]
    };
  },
  components: {},
  created() {
    this.innerSlider = [
      {
        title: this.$t('Set.classAffairsSet.classAffairsSet.50zfi729tz00'),
        module_id: "115",
        postrole_id: null,
        url: "/Set/classAffairsSet/stuunusualReason"
      },
      {
        title: this.$t('Set.classAffairsSet.classAffairsSet.50zfi729u9o0'),
        module_id: "116",
        postrole_id: null,
        url: "/Set/classAffairsSet/parentJob"
      },
      {
        title: this.$t('Set.classAffairsSet.classAffairsSet.50zfi729ulo0'),
        module_id: "117",
        postrole_id: null,
        url: "/Set/classAffairsSet/holidayManage"
      }
    ];
  }
};
</script>

<style lang="less" >
@import url("../common.less");
</style>
